// 全屏滚动入口函数
$(function(){
    //开启全屏滚动设置, 调用全屏滚动方法fullpage()
    $("#fullpage").fullpage({
        //配置参数
        // 设置楼层内容是否垂直居中
        verticalCentered: false,
        // 设置是否显示屏幕导航
        navigation: true,
        // 设置屏幕滚动速度
        scrollingSpeed: 700,
        // 设置滚动到最底部后是否滚回顶部
        loopBottom: true,
        loopTop: true,
        // 注册屏幕滚动事件
        afterLoad:function(linkName,index){ // 屏幕加载完毕事件
            // 设置第一屏加载完毕执行
            if(index===1){
                // 移除初始位置的属性
                $(".s1_main").removeClass("s1_main_start");
            }
            // else{
            //     $(".s1_main").addClass("s1_main_start")
            // };

            // 设置第二屏加载完毕执行
            if (index === 2) {
                $(".s2_main").removeClass("s2_main_start");
            }

            // 设置第三屏加载完毕执行
            if(index===3){
                $(".s3_main").removeClass("s3_main_start");
            }

            // 设置第四平加载完毕执行
            if(index===4){
                $(".s4_main").removeClass("s4_main_start");
            }
        },
        onLeave:function(index,nextIndex,direction){ // 屏幕离开事件
            //控制楼层不是1楼倾斜背景
            if (nextIndex !== 1) {
                // 给背景添加倾斜样式
                $(".bg_circle").addClass("bg_circle_rotate");
            } else {
                // 移除倾斜样式
                $(".bg_circle").removeClass("bg_circle_rotate");
            };
            // 设置离开第一屏,添加初始样式
            if(index===1){
                $(".s1_main").addClass("s1_main_start");
            }

            // 控制第二屏离开动画
            if(index===2){
                // 添加离开样式
                $(".s2_main").addClass("s2_main_leave");
                // 延时1s重置初始样式
                setTimeout(function(){
                    // 先移除过渡
                    $(".s2_main").css("transition", "none");
                    // console.log("1")
                    //初始化样式,添加初始化的class类名
                    $(".s2_main").attr("class","s2_main s2_main_start");
                },1000);      
            };
            if(nextIndex===2){
                // console.log("2")
                $(".s2_main").css("transition", "transform 1s");
            }   

             // 控制第二屏离开动画
            // if (index === 2) {
            //     // 添加离开样式
            //     $(".s2_main").addClass("s2_main_leave");
            //     setTimeout(function () {
            //         // 先移除过渡
            //         $(".s2_main").css("transition", "none");
            //         //初始化样式,添加初始化的class类名
            //         $(".s2_main").attr("class", "s2_main s2_main_start");
            //         // 告诉浏览器 不要优化
            //         document.querySelector(".s2_main").offsetHeight;
            //          // 重新添加过渡 
            //         $(".s2_main").css("transition", "transform 1s");
            //     },1000)
            // }


            // 设置第三屏离开动画
            if (index === 3) {
                $(".s3_main").addClass("s3_main_start");
            }

            // 设置第四屏离开动画
            if(index===4){
                $(".s4_main").addClass("s4_main_start");
            }

        }
    })
})